// 背景色
@mixin bg-color($key) {
  background-color: map-get($colors-dark, $key);

  [data-theme="light"] & {
    background-color: map-get($colors-light, $key);
  }
}

// text色
@mixin text-color($key) {
  color: map-get($colors-dark, $key);

  [data-theme="light"] & {
    color: map-get($colors-light, $key);
  }
}

@mixin border-left-color($key) {
  border-left-color: map-get($colors-dark, $key);

  [data-theme="light"] & {
    border-left-color: map-get($colors-light, $key);
  }
}

@mixin border-color($key) {
  border-color: map-get($colors-dark, $key);

  [data-theme="light"] & {
    border-color: map-get($colors-light, $key);
  }
}
